@import './basic.scss';
@import './modules/header.scss';
@import './modules/footer.scss';

.listPicture{
  width: 100%;
  height: 380px;
  img{
    width: 100%;
    height: 380px;
  }
}
//列表头部窗口
.xiangShui{
  width: 100%;
  height: 106px;
  .xing{
    width: 1260px;
    height: 106px;
    margin: 0 auto;
    border-bottom: 1px solid #e6e5e5;
    p{
      float: left;
      font-size: 30px;
      line-height: 106px;
    }
    .btn-group{
      float: right;
      margin-top: 20px;
      button{
        width: 180px;
        height: 50px;
      }
      .dropdown-menu{
        li:nth-child(1){
          margin-top: 20px;
          border-bottom: 1px solid #999999;
          padding-left: 10px;
          padding-bottom: 10px;
          cursor: pointer;
        }
        li:nth-child(2){
          padding-left: 10px;
          margin-top: 20px;
          padding-bottom: 10px;
          cursor: pointer;
        }
      }
    }
  }
}
// 下面列表
.main{
  width: 100%;
  overflow: auto;

  .xing{
    width: 1260px;
    overflow: auto;
    margin: 0 auto;
    // 侧边栏
    .side{
      width: 200px;
      height: 540px;
      overflow: hidden;
      float: left;
      .kuChun{
        width: 200px;
        height: 100px;
        border-bottom: 1px solid #e6e5e5;
        p{
          padding-top: 20px;
          font-size: 16px;
        }
        button{
          width: 110px;
          height: 34px;
        }
      }
      .dzfw{
        width: 200px;
        height: 100px;
        border-bottom: 1px solid #e6e5e5;
        p{
          padding-top: 20px;
          font-size: 16px;
        }
        button{
          width: 110px;
          height: 34px;
        }
      }
      .cpfw{
        width: 200px;
        height: 66px;
        border-bottom: 1px solid #e6e5e5;
        p{
          margin-bottom: 0;
          font-size: 16px;
          line-height: 66px;
          float: left;
        }
        i{
          float: right;
          line-height: 66px;
        }
      }
      .xl{
        width: 200px;
        height: 66px;
        border-bottom: 1px solid #e6e5e5;
        p{
          font-size: 16px;
          line-height: 66px;
          margin-bottom: 0;
          float: left;
        }
        i{
          float: right;
          line-height: 66px;
        }
      }
      .jgfw{
        width: 200px;
        height: 66px;
        border-bottom: 1px solid #e6e5e5;
        p{
          font-size: 16px;
          line-height: 66px;
          float: left;
          margin-bottom: 0;
        }
        i{
          float: right;
          line-height: 66px;
        }
      }
      .gg{
        width: 200px;
        height: 66px;
        border-bottom: 1px solid #e6e5e5;
        p{
          font-size: 16px;
          line-height: 66px;
          float: left;
          margin-bottom: 0;
        }
        i{
          float: right;
          line-height: 66px;
        }
      }
      #an{
        width: 112px;
        height: 34px;
        margin-top: 15px;
      }
    }
    // 正儿八经的香水列表
    .list{
      width: 980px;
      float: right;
      overflow: auto;
      display: flex;
      flex-wrap: wrap;
      .list1{
        margin-right: 10px;
        width: 22%;
        height: 500px;
        img{
          width: 190px;
          height: 190px;
          margin-top: 10px;
          margin-left: 10px;
        }
        .eng{
          text-align: center;
          margin-top: 50px;
          font-size: 14px;
        }
        .sheng{
          text-align: center;
          font-size: 14px;
          margin-top: 32px;
        }
        .price{
          text-align: center;
          font-size: 14px;
          margin-top: 32px;
          margin-bottom: 30px;
        }
        button{
          background-color: #000000;
          color: white;
          width: 120px;
          margin-left: 50px;
        }
      }
      .ads{
        margin-right: 10px;
        width: 22%;
        height: 500px;
        img{
          width: 215px;
          height: 400px;
        }
        button{
          background-color: #000000;
          color: white;
          width: 120px;
          margin-left: 50px;
        }
      }
    }
  }
}